.input_video {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    visibility: hidden;
}

.input_video .selfie {
    transform: scale(-1, 1);
}

.output_canvas {
    position: absolute;
    width: 100%;
    height: 100%;
    /* height: 720px;
    width: 1280px; */
    left: 0;
    top: 0;
    /* opacity: .5; */
    z-index: -1;
    /* visibility: hidden; */
}


.loading {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    align-items: center;
    backface-visibility: hidden;
    justify-content: center;
    opacity: 1;
    transition: opacity 1s;
}

.loading .message {
    font-size: x-large;
}

.loading .spinner {
    position: absolute;
    width: 120px;
    height: 120px;
    animation: spin 1s linear infinite;
    border: 32px solid #bebebe;
    border-top: 32px solid #3498db;
    border-radius: 50%;
}